<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>率土之滨</title>
    <link rel="stylesheet" href="..\css\homePage.css">
</head>
<!-- 主页 -->

<body>
    <div class="yemian">
        <!-- 导航条 -->
        <div class="navigationBar">
            <!-- ul标签 -->
            <ul>
                <!-- 设置logo -->
                <div class="logo">
                    <a href="#"><img src="..\img\logo.webp"></a>
                </div>

                <li><a href="#" id="active">官网首页</a></li>
                <!-- 武将汇总 -->
                <li>
                    <a href="#">武将汇总</a>
                    <ul class="power">
                        <li class="du"><a href="#">汉</a></li>
                        <li class="dang"><a href="#">群</a></li>
                        <li class="dang"><a href="#">魏</a></li>
                        <li class="dang"><a href="#">蜀</a></li>
                        <li class="dang"><a href="#">吴</a></li>
                        <li class="dang"><a href="#">晋</a></li>
                    </ul>
                </li>

                <!-- 藏宝阁 -->
                <li><a href="..\brandStation.html">品牌站</a>

                <!-- 同盟介绍 -->
                <li>
                    <a href="..\season.html">赛季介绍</a>
                    <!-- <ul class="figures">
                           <li class="du"><a href="#">光武</a></li>
                           <li class="dang"><a href="#">银行</a></li>
                           <li class="dang"><a href="#">铜雀台</a></li>
                       </ul> -->
                </li>

                <li><a href="#">相关介绍</a></li>

            </ul>
        </div>

        <!-- 主题内容 -->
        <div class="topic">
            <!-- 设置背景图片 -->
            <img src="..\img\background.jpg" class="background">
            <!-- 设置背景文字 -->
            <img src="..\img\backgroundText.webp" class="backgroundText">

            <!-- 设置播放按钮 -->
            <div class="playBox">
                <img src="..\img\playOut.webp" class="playOut">
                <img src="..\img\play.webp" class="play">
            </div>


            <!-- 下载方式盒子 -->
            <div class="Download">
                <p>扫一扫下载最新官方版本</p>
                <img src="..\img\QR.png">

                <a href="#"><img src="..\img\Android.webp" class="way"></a>
                <a href="#"><img src="..\img\store.webp" class="way"></a>
                <a href="#"><img src="..\img\more.webp" class="special"></a>
                <div class="Dow">

                </div>
            </div>
        </div>


        <div class="topic">
            <!-- 轮播图背景 -->
            <img src="..\img\background1.jpg" class="background2">

            <!-- 内容1马超内容 -->
            <div class="topicOne">
                <img src="..\img\machao.webp" class="wujiang1">
                <div class="neirong1">
                    <div class="nei1">
                        <!-- <div class="test"> -->
                            <img src="..\img\neiImg1.jpg">
                            <!-- <P>官渡争锋</P> -->
                        <!-- </div> -->
                        
                        <img src="..\img\neiImg2.png">
                    </div>
                    <div class="nei1">
                        <img src="..\img\neiImg3.jpg" class="neiImg">
                        <img src="..\img\neiImg4.jpg" class="neiImg">
                    </div>
                </div>
            </div>

            <!-- 内容2诸葛亮 -->
            <div class="topicTwo">
                <img src="..\img\zhugeliang.webp">
            </div>

            <!-- 轮播图 -->
            <div class="carousel">
                <!-- 轮播图JS -->
                <ul id="banner"></ul>
                <script src="..\js\carousel.js"></script>
            </div>
        </div>

        <!-- 底部设置 -->
        <div class="dibu">
            <img src="..\img\dibu.jpg" class="dibu">
            <div class="NE">
                 <img src="..\img\logoNE.webp">
            </div>
           
            <p href="#" class="p1"> 公司简介 - 客户服务 - 网易游戏隐私政策及儿童个人信息保护规则 - 网易游戏 - 商务合作 - 加入我们 - - 用户协议
                网易公司版权所有 ©1997-2023</p>
            <p class="p2">健康游戏忠告：抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。
                <br /><br />文网游备字[2015]M-SLG0920号 批准文号：新广出审[2017]17号 出版物号：ISBN 978-7-7979-4005-4 违法及不良信息举报中心
                ICP备案：粤B2-20090191-18
            </p>
            <!-- <p class="p3">素材均来自网易官方提供</p> -->
        </div>
    </div>
</body>

</html>